<!-- 企业信息详情 -->
<template>
  <div class="detail-index-content">
    <HeadLabel title="变更历史记录"/>
    <div class="page-main-content">
      <Table :columns="columnsRecord" :data="listData">
        <template slot-scope="{ row }" slot="changeBefore">
          <ViewImg :isImg="false"></ViewImg>
        </template>
        <template slot-scope="{ row }" slot="status">
          <tag type="border" color="primary">状态</tag>
        </template>
        <template slot-scope="{ row }" slot="changeAfter">
          <ViewImg :isImg="false"></ViewImg>
        </template>
      </Table>
    </div>
  </div>
</template>

<script type="text/javascript">
export default {
  name: "changeRecord",
  components: {},
  data() {
    return {
      columnsRecord: [
        {
          title: "变更时间",
          key: "name",
        },
        {
          title: "变更类型",
          key: "name",
        },
        {
          title: "变更前",
          slot: "changeBefore",
        },
        {
          title: "审核状态",
          slot: "status",
        },
        {
          title: "变更后",
          slot: "changeAfter",
        },
        {
          title: "拒绝理由",
          key: "name",
        },
      ],
      listData: [
        {
          name: "John Brown",
          age: 18,
          address: "New York No. 1 Lake Park",
        },
        {
          name: "Jim Green",
          age: 24,
          address: "London No. 1 Lake Park",
        },
        {
          name: "Joe Black",
          age: 30,
          address: "Sydney No. 1 Lake Park",
        },
        {
          name: "Jon Snow",
          age: 26,
          address: "Ottawa No. 2 Lake Park",
        },
      ],
    };
  },
  methods: {
    // 变更记录
    changeLog() {},
    // 查看详情
    viewDetail(row) {},
  },
};
</script>

<style lang="less" scoped>

</style>
